:global(.ant-spin-nested-loading), :global(.ant-spin-container), .role{
  height: 100%;
}
.role .roleList{
  padding: 16px 20px;
  height: 100%;
  border-right: 1px solid #ccc;
  display: flex;
  flex-direction: column;
}
.role :global(.ant-tabs) {
  display: inline;
  flex: 1;
  overflow-y: auto;
}
.role :global(.ant-tabs-tab) {
  justify-content: space-between;
  color: #fff;
}
.role :global(.ant-tabs-tab:hover) {
  color: #f39a00;
}
.role :global(.ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap::before) {
  top: 0;
  right: 0;
  left: 0;
  height: 30px;
}
.role :global(.ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap::after) {
  bottom: 0;
  right: 0;
  left: 0;
  height: 30px;
}
.role :global(.ant-tabs-top > .ant-tabs-nav::before) {
  border: none;
}
.role :global(.ant-tabs > .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list) {
  width: 100%;
  display: flex !important;
  flex-direction: column;
  flex: 1 0 auto;
}
.role :global(.ant-tabs-left > .ant-tabs-content-holder),
.role :global(.ant-tabs-left > .ant-tabs-content-holder > .ant-tabs-content > .ant-tabs-tabpane) {
  flex: none;
  border: none;
  padding: 0;
}
.role :global(.ant-tabs-card > .ant-tabs-nav .ant-tabs-tab) {
  border: none;
  border-bottom: 1px solid #ccc;
  border-radius: 8px;
  padding: 16px;
  background: transparent
}
.role :global(.ant-tabs-tab-btn) {
  overflow: hidden;
  word-wrap: normal;
  text-overflow: ellipsis;
}
.role :global(.ant-tabs-tab:hover),
.role :global(.ant-tabs-card > .ant-tabs-nav .ant-tabs-tab-active) {
  background: none !important;
}

.role :global(.ant-tabs-tab-remove),
.role :global(.ant-checkbox-wrapper) {
  color: #fff;
}

.role :global(.ant-tabs-tab:hover),
.role :global(.ant-tabs-tab-remove:hover),
.role :global(.ant-checkbox-wrapper:hover) {
  color: #f39a00;
}
.role :global(.ant-collapse), .role :global(.ant-collapse .ant-collapse-content) {
  background: none;
}